.summary {
  .today {
    display: flex;

    .new-vip {
      flex: 1;

      .content {
        background: linear-gradient(0deg, #0BBAFB, #4285EC);
        border-radius: 20px;
        display: flex;
        flex-flow: wrap;

        .vip-li {
          padding: 12px;
          min-width: 245px;
          position: relative;

          &:last-of-type {
            border: 0;
          }

          &::after {
            content: '';
            height: 50%;
            width: 1px;
            position: absolute;
            right: 0;
            background: #fff;
          }

          .username {
            min-width: 90px;
            margin-right: 15px;
            display: inline-block;
          }
        }
      }

    }

    .total {
      margin-left: 30px;

      .money {
        width: 200px;
        font-size: 20px;
        height: 64px;
        border-radius: 20px;
        line-height: 64px;
        padding: 0 15px;
        background: linear-gradient(0deg, #00F5CB, #1AD454);
      }
    }
  }


}
